<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>健康目标详情</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .goal-card { background: #fff; border-radius: 14px; box-shadow: 0 2px 12px rgba(76,175,80,0.08); padding: 32px; margin: 40px auto; max-width: 600px; }
        .goal-title { color: #4CAF50; font-size: 2em; font-weight: bold; }
        .goal-desc { color: #555; margin: 18px 0; font-size: 1.2em; }
        .goal-meta { color: #888; font-size: 1em; margin-bottom: 10px; }
        .btn-manage { background: #4CAF50; color: #fff; font-weight: bold; border-radius: 6px; padding: 10px 28px; font-size: 1.1em; }
        .btn-manage:hover { background: #388e3c; }
    </style>
</head>
<body class="bg-light">
    <div class="container">
        <div class="goal-card text-center">
            <div class="goal-title">健康目标：<span id="goalTitle">减重5kg</span></div>
            <div class="goal-desc" id="goalDesc">目标描述：三个月内健康减重，保持均衡饮食和规律运动。</div>
            <div class="goal-meta">目标类型：<span id="goalType">减重</span></div>
            <div class="goal-meta">开始日期：<span id="goalStart">2025-06-01</span></div>
            <div class="goal-meta">结束日期：<span id="goalEnd">2025-09-01</span></div>
            <a href="/healthgoals/manage" class="btn btn-manage mt-4">管理健康目标</a>
        </div>
    </div>
</body>
</html> 